// 基于准备好的dom，初始化echarts实例
var tzbfbChart = echarts.init(document.getElementById('tzbfb'));
var tgbfbChart = echarts.init(document.getElementById('tgbfb'));
var tgbxlfbChart = echarts.init(document.getElementById('tgbxlfb'));
var tgbnlfbChart = echarts.init(document.getElementById('tgbnlfb'));
var tyfbChart = echarts.init(document.getElementById('tyfb'));
var tyrdfbChart = echarts.init(document.getElementById('tyrdfb'));
function ZzjsCtrl($injector,$scope, CtrlUtil, $element, $http,$state) {
	var ctrl = this;
	this.query = function () {
		//团支部分布
		$http.post(':root/zzjs/tzbfb').success(function (r) {
			// 指定图表的配置项和数据
			var option = {
				title : {
			        text: '团支部分布',
			        x:'center'
			    },
			    tooltip: {
			        trigger: 'item',
			        formatter: "{a} <br/>{b}: {c} ({d}%)"
			    },
			    toolbox: {
			        show : true,
			        feature : {
			            mark : {show: true},
			            dataView : {show: true, readOnly: false},
			            magicType: {show: true, type: ['pie']},
			            restore : {show: true},
			            saveAsImage : {show: true}
			        }
			    },
			    legend: {
			    	x : 'center',
			        y : 'bottom',
			        data:['大一','大二','大三','大四','大五','硕士生','博士生']
			    },
			    series: [
			        {
			            name:'团支部分布',
			            type:'pie',
			            radius: ['50%', '70%'],
			            avoidLabelOverlap: false,
			            label: {
			                normal: {
			                    show: false,
			                    position: 'center'
			                },
			                emphasis: {
			                    show: true,
			                    textStyle: {
			                        fontSize: '30',
			                        fontWeight: 'bold'
			                    }
			                }
			            },
			            labelLine: {
			                normal: {
			                    show: false
			                }
			            },
			            data:[
			                {
			                    value:r.cou1, 
			                    name:'大一',
			                    itemStyle: {
			                        normal: {
			                            color: '#6699FF'
			                        }
			                    }
			                },
			                {
			                	value:r.cou2, 
			                	name:'大二',
			                	itemStyle: {
			                        normal: {
			                            color: '#9966CC'
			                        }
			                	}
			                },
			                {
			                	value:r.cou3, 
			                	name:'大三',
			                	itemStyle: {
			                		normal: {
			                			color: '#FF9900'
			                		}
			                	}
			                },
			                {
			                	value:r.cou4, 
			                	name:'大四',
			                	itemStyle: {
			                		normal: {
			                			color: '#FFCC99'
			                		}
			                	}
			                },
			                {
			                	value:r.cou5, 
			                	name:'大五',
			                	itemStyle: {
			                		normal: {
			                			color: '#FFCC33'
			                		}
			                	}
			                },
			                {
			                	value:r.cou6, 
			                	name:'硕士生',
			                	itemStyle: {
			                		normal: {
			                			color: '#99FF99'
			                		}
			                	}
			                },
			                {
			                	value:r.cou7, 
			                	name:'博士生',
			                	itemStyle: {
			                		normal: {
			                			color: '#99FFFF'
			                		}
			                	}
			                }
			        	]
			        }
			    ]
			};
			// 使用刚指定的配置项和数据显示图表。
			tzbfbChart.setOption(option);
		})
		
		//团干部分布 
		$http.post(':root/zzjs/tgbfb').success(function (r) {
			// 指定图表的配置项和数据
			var option = {
				title : {
			        text: '团干部分布',
			        x:'center'
			    },
			    tooltip: {
			        trigger: 'item',
			        formatter: "{a} <br/>{b}: {c} ({d}%)"
			    },
			    toolbox: {
			        show : true,
			        feature : {
			            mark : {show: true},
			            dataView : {show: true, readOnly: false},
			            magicType: {show: true, type: ['pie']},
			            restore : {show: true},
			            saveAsImage : {show: true}
			        }
			    },
			    legend: {
		    		x : 'center',
			        y : 'bottom',
			        data:['专职','兼职','学生']
			    },
			    series: [
			        {
			            name:'团干部分布',
			            type:'pie',
			            radius: ['50%', '70%'],
			            avoidLabelOverlap: false,
			            label: {
			                normal: {
			                    show: false,
			                    position: 'center'
			                },
			                emphasis: {
			                    show: true,
			                    textStyle: {
			                        fontSize: '30',
			                        fontWeight: 'bold'
			                    }
			                }
			            },
			            labelLine: {
			                normal: {
			                    show: false
			                }
			            },
			            data:[
			                {
			                    value:r.cou1, 
			                    name:'专职',
			                    itemStyle: {
			                        normal: {
			                            color: '#6699FF'
			                        }
			                    }
			                },
			                {
		                		value:r.cou2, 
		                		name:'兼职',
		                		itemStyle: {
			                        normal: {
			                            color: '#9966CC'
			                        }
		                		}
			                },
			                {
		                		value:r.cou3, 
		                		name:'学生',
		                		itemStyle: {
		                			normal: {
		                				color: '#FF9900'
		                			}
		                		}
			                }
			             ]
			        }
			    ]
			};
			// 使用刚指定的配置项和数据显示图表。
			tgbfbChart.setOption(option);
		})
		
		//团干部学历分布
		$http.post(':root/zzjs/tgbxlfb').success(function (r) {
			// 指定图表的配置项和数据
			var option = {
				color: ['#3398DB'],
				title : {
			        text: '团干部学历分布',
			        x:'center'
			    },
			    tooltip: {
			        trigger: 'axis',
			        formatter: "{b}: {c} (人)",
			        axisPointer: {
			            type: 'shadow'
			        }
			    },
			    toolbox: {
			        show : true,
			        feature : {
			            mark : {show: true},
			            dataView : {show: true, readOnly: false},
			            magicType: {show: true, type: ['line', 'bar']},
			            restore : {show: true},
			            saveAsImage : {show: true}
			        }
			    },
			    calculable : true,
			    grid: {
			        left: '3%',
			        right: '4%',
			        bottom: '3%',
			        containLabel: true
			    },
			    xAxis: {
			        type: 'value',
			        boundaryGap: [0, 0.01]
			    },
			    yAxis: {
			        type: 'category',
			        data: ['本科', '硕士', '博士']
			    },
			    series: [
			        {
			            type: 'bar',
			            barWidth: '30%',
			            data: [r.cou1, r.cou2, r.cou3]
			        }
			    ]
			};
			// 使用刚指定的配置项和数据显示图表。
			tgbxlfbChart.setOption(option);
		})
		
		//团干部年龄分布
		$http.post(':root/zzjs/tgbnlfb').success(function (r) {
			// 指定图表的配置项和数据
			var option = {
				color: ['#FF8C00'],
				title : {
			        text: '团干部年龄分布',
			        x:'center'
			    },
			    tooltip: {
			        trigger: 'axis',
			        formatter: "{b}: {c} (人)",
			        axisPointer: {
			            type: 'shadow'
			        }
			    },
			    toolbox: {
			        show : true,
			        feature : {
			            mark : {show: true},
			            dataView : {show: true, readOnly: false},
			            magicType: {show: true, type: ['line', 'bar']},
			            restore : {show: true},
			            saveAsImage : {show: true}
			        }
			    },
			    calculable : true,
			    grid: {
			        left: '3%',
			        right: '4%',
			        bottom: '3%',
			        containLabel: true
			    },
			    xAxis: {
			        type: 'value',
			        boundaryGap: [0, 0.01]
			    },
			    yAxis: {
			        type: 'category',
			        data: ['22-28周岁', '29-35周岁', '35周岁以上']
			    },
			    series: [
			        {
			            type: 'bar',
			            barWidth: '30%',
			            data: [r.cou1, r.cou2, r.cou3]
			        }
			    ]
			};
			// 使用刚指定的配置项和数据显示图表。
			tgbnlfbChart.setOption(option);
		})
		
		//团员分布
		$http.post(':root/zzjs/tyfb').success(function (r) {
			// 指定图表的配置项和数据
			var option = {
				color: ['#3CB371'],
				title : {
			        text: '团员分布',
			        x:'center'
			    },
			    tooltip: {
			        trigger: 'axis',
			        formatter: "{b}: {c} (人)",
			        axisPointer: {
			            type: 'shadow'
			        }
			    },
			    toolbox: {
			        show : true,
			        feature : {
			            mark : {show: true},
			            dataView : {show: true, readOnly: false},
			            magicType: {show: true, type: ['line', 'bar']},
			            restore : {show: true},
			            saveAsImage : {show: true}
			        }
			    },
			    grid: {
			        left: '3%',
			        right: '4%',
			        bottom: '3%',
			        containLabel: true
			    },
			    xAxis: {
			    	type : 'category',
		            data : ['团员(含党员)', '团员(不含党员)', '发展新团员', '28周岁以下青年'],
		            axisTick: {
		                alignWithLabel: true
		            }
			    },
			    yAxis : [
			        {
			            type : 'value'
			        }
			    ],
			    series: [
			        {
			            type: 'bar',
			            barWidth: '50',
			            itemStyle: {
			                normal: {//系列级个性化，横向渐变填充
			                    borderRadius: 5,
			                    label : {
			                        show : true,
			                        textStyle : {
			                            fontSize : '20',
			                            fontFamily : '微软雅黑',
			                            fontWeight : 'bold'
			                        }
			                    }
			                }
			            },
			            data: [r.cou1, r.cou2, r.cou3, r.cou4]
			        }
			    ]
			};
			// 使用刚指定的配置项和数据显示图表。
			tyfbChart.setOption(option);
		})
		
		//团员入党情况
		$http.post(':root/zzjs/tyrdfb').success(function (r) {
			// 指定图表的配置项和数据
			var option = {
				color: ['#CD3333'],
				title : {
			        text: '团员入党情况',
			        x:'center'
			    },
			    tooltip: {
			        trigger: 'axis',
			        formatter: "{b}: {c} (人)",
			        axisPointer: {
			            type: 'shadow'
			        }
			    },
			    toolbox: {
			        show : true,
			        feature : {
			            mark : {show: true},
			            dataView : {show: true, readOnly: false},
			            magicType: {show: true, type: ['line', 'bar']},
			            restore : {show: true},
			            saveAsImage : {show: true}
			        }
			    },
			    grid: {
			        left: '3%',
			        right: '4%',
			        bottom: '3%',
			        containLabel: true
			    },
			    xAxis: {
			    	type : 'category',
		            data : ['申请入党团员', '团员入党数', '推优数', '经推优入党的团员'],
		            axisTick: {
		                alignWithLabel: true
		            }
			    },
			    yAxis : [
			        {
			            type : 'value'
			        }
			    ],
			    series: [
			        {
			            type: 'bar',
			            barWidth: '50%',
			            itemStyle: {
			                normal: {//系列级个性化，横向渐变填充
			                    borderRadius: 5,
			                    label : {
			                        show : true,
			                        textStyle : {
			                            fontSize : '20',
			                            fontFamily : '微软雅黑',
			                            fontWeight : 'bold'
			                        }
			                    }
			                }
			            },
			            data: [r.cou1, r.cou2, r.cou3, r.cou4]
			        }
			    ]
			};
			// 使用刚指定的配置项和数据显示图表。
			tyrdfbChart.setOption(option);
		})
		
	}
}